﻿<!DOCTYPE html>
<html lang="en">
	<head>
	<style>
		body{
			margin-top:0;
		}
		a{
			text-decoration:none;
		}
		.contain{
			width:80%;
			margin: auto;
		}
		.title{
			width:100%;
			font-size: 30px;
			color: #fff;
			background-color: #40E0D0;
			padding: 15px;
		}
		.content{
			width: 100%;
			margin-top: 40px;
		}
		.contentImg{
			width: 20%;
			float: left;
		}
		.contentImg img{
			width: 100px;
			height: 100px;
		}
		.contentMes{
			margin-left: 15%;
			height: 220px;
			background-color: #E0FFFF;
		}
		.username{
			font-size: 15px;
			color: #333;
			font-weight: bolder;
			text-align: center;
			width: 100px;
			margin-top: 10px;
		}
		.rightTop{
			margin-left: 20px;
			height: 180px;
		}
		.head a{
			color: #5bc0de;
			font-size: 18px;
			font-weight: bold;
			text-decoration:none;
		}
		.text{
			margin-top: 10px;
			margin-right: 20px;
			font-size: 12px;
		}
		.foot{
			margin-left: 50px;
			font-size: 12px;
			margin-top: 10px;
		}
		.date{
			color: #A9A9A9;
		}
		.comment1{
			float: right;
			margin-right: 20px;
			color: #A9A9A9;
		}
		.comment2{
			float: right;
			margin-right: 20px;
			color: #A9A9A9;
		}
	</style>
		<meta charset="utf-8" />
		<title>立修</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<style type="text/css">
	.str_wrap{
		
	
	font-size:12px;
	line-height:16px;
	position:relative;
	/*nowrap : 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。*/
	white-space:nowrap;
	}
	.str4 img { opacity:0.8}
	.str4 img:hover { opacity:1}
	.str4{
		background:#fff;
	}
	.str_move { 
	position:absolute; 
	top:0; 
	/*cursor:move;*/
}
</style>
	</head>
<body>


<div class="contain">
	<div class="title">
		<span>社区</span><span style="font-size:20px;">话题<span>
		<a href="#" onclick="showAddArticle()" style="margin:10px;float:right" class="am-btn am-btn-danger">发起话题</a>
	</div>

<#if articles?exists>
<#list articles as art>
	<div class="content">
		<div class="contentImg">
			<div>
				<img src="${ctx}${art.userInfo.imgPath!}">
			</div>	
			<div class="username">
				<span >${art.userInfo.name!}</span>
			</div>		
		</div>
		<div class="contentMes">
			<div class="rightTop">
				<div class="head">
					<input type="hidden" >
					<a href="${ctx}comment/${art.id!}" style="text-decoration: none;">${art.title!}</a>
				</div>
				<div class="text">
					${art.content!}
				</div>
			</div>
			<hr style="height:1px;border:none;border-top:1px dashed #D3D3D3;margin:5px;">
			<div class="foot">
				<span class="date">发表于   ${art.date!}</span>
				<span class="comment1"><a style="text-decoration: none;" href="${ctx}comment/${art.id!}" onclick=""><i class="fa fa-commenting-o"></i>   ${art.discussNum!}</a></span>
				<span class="comment2"><a style="text-decoration: none;" href="#"><i class="fa fa-thumbs-o-up"></i>   ${art.praiseNum!}</a></span>
			</div>
		
		</div>
	</div>
</#list>
</#if>
</div>
		
<script>
	
</script>
		
</body>
</html>

